<template>
  <div class="box">
      <h1>收藏</h1>
      <!-- <div class="conten">
          <ul>
              <li>
                  hhhhhhhhh
              </li>
              <li>
                  hhhhhhhhh
              </li>
              <li>
                  hhhhhhhhh
              </li>
          </ul>
      </div> -->
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.box{
    width: 100%;
    background: #f2f2f2;
    /* height: 10rem; */
    display: flex;
    justify-content: center;
    margin-top: 0.08rem;
}
.conten{
    width: 90%;
}
.conten ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.conten ul li{
    margin-top: 0.12rem;
    width: 48%;
    border: 1px solid red;
}
</style>